ul {
  list-style: none;
  height: 100%;
}
.navbar {
  width:100%;
  display: flex;
  justify-content: center;
}
.navbar > li {
  margin: 0 2%;
}
.navbar > li a{
  border-left:1px solid rgba(23, 23, 50, 1);
}
a {
  text-decoration: none;
  color: #ffe;
  text-transform: capitalize;
  font-family: monospace;
  display: block;
  padding: 10px 15px;
  font-size: 1.5em;
  transition: background-color 0.5s ease-in-out;
  font-family: "Raleway", sans-serif;
}
.navbar a:hover{
  background-color: #CD0000;
}